/*
<Icon
  className="someClass"
  type="iconbtn_like_sel"
  onClick={() => { console.log('test') }}/>
*/

type Props = {
  // type: 'iconbtn_like_sel' | 'xxx' | 'yyy',
  type: string,
  className ?: string,
  onClick ?: () => void
}
export default function Icon (props: Props) {
  const { className, type, onClick } = props
  return (
    <svg onClick={onClick} className={className ? 'icon ' + className : 'icon'} aria-hidden="true">
      {/* 使用时，只需要将此处的 iconbtn_like_sel 替换为 icon 的名称即可 */}
      <use xlinkHref={'#' + type}></use>
    </svg>
  )
}
